<template>
  <div class="nsw-container">
    <div class="left">
      <el-menu  :default-active="$route.path" router select="selectMenu">
        <el-submenu index="1">
          <template slot="title">
            <i class="el-icon-user"></i>
            <span>余额</span>
          </template>
<!--          <el-menu-item-group>-->
<!--            <el-menu-item index="/person/auth" route="/person/auth" >用户认证</el-menu-item>-->
<!--          </el-menu-item-group>-->
        </el-submenu>
        <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span>充值</span>
          </template>
<!--          <el-menu-item-group>-->
<!--            <el-menu-item index="/person/info" route="/person/info" >个人信息</el-menu-item>-->
<!--          </el-menu-item-group>-->
<!--          <el-menu-item-group>-->
<!--            <el-menu-item index="/person/account" route="/person/account" >个人设置</el-menu-item>-->
<!--          </el-menu-item-group>-->
<!--          <el-menu-item-group>-->
<!--            <el-menu-item index="/person/setting" route="/person/setting" >系统设置</el-menu-item>-->
<!--          </el-menu-item-group>-->
        </el-submenu>


        <el-menu-item index="/payment/balance" route="/payment/balance">
          <i class="el-icon-setting"></i>
          <span slot="title">导航四</span>
        </el-menu-item>

        <el-submenu index="4">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span>收入</span>
          </template>
        </el-submenu>

        <el-submenu index="5">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span>支出</span>
          </template>
        </el-submenu>

        <el-submenu index="6">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span>账单</span>
          </template>
        </el-submenu>

        <el-submenu index="7">
          <template slot="title">
            <i class="el-icon-setting"></i>
            <span>银行卡</span>
          </template>
        </el-submenu>

      </el-menu>
    </div>
    <div class="right">
      <el-card class="box-card" shadow="always">
        <keep-alive >
          <router-view :key="key" />
        </keep-alive>
      </el-card>
    </div>
  </div>
</template>

<script>
import NswNavbar from "@/layout/components/NswNavbar";
export default {
  name: 'Payment',
  components: {NswNavbar}
}
</script>

<style scoped>

</style>